@charset "utf-8";
/*
    Author     : CSU OJT Students '10 - '11 (Jeff)
    Description:
        CSS for the front desk mask/modal.
*/

a {color: #333; text-decoration: none}
a:hover {color: #ccc; text-decoration: none}

#mask {

    background-color: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 9000;
}

#boxes .window {
    display: none;
    left: 0;
    padding: 0px;
    position: absolute;
    top: 0;
    z-index: 9999;
}

#boxes #dialog {

    background: url(../images/front_desk_form.png);

    width: 490px;
    height: 240px;
}

#dialog_spc{
    display: block;
    margin: auto;

    height: 12px;
    width: 220px;
}

#dialog_a{
    display: block;
    font-family: Tahoma, sans-serif;
    font-size: 40px;
    font-weight: bold;
    margin: auto;
    padding: 2px;
    text-align: right;

    height: 60px;
    width: 430px;
}


#dialog a:link, a:visited {
    color: #600;
}

#dialog a:hover, a:active {
    color: #f00;
}

#dialog_box {
    margin:auto;
    text-align: center;
}

#dialog form{
    display: block;
    margin: auto;
    padding: 2px;
    text-align: right;

    width: 440px;
}

#dialog_form_spc{
    display: block;
    margin: auto;

    height: 6px;
    width: 220px;
}

#dialog input{

    border: 1px solid #aaa;
    font-size: 48px;
    font-weight: bold;
    display: block;
    margin: auto;
    padding: 2px;
    text-align: center;

    height: 60px;
    width: 420px;
}

#dialog button {
    display: block;
    font-size: 24px;
    font-weight: bold;
    margin: auto;
    padding:2px;

    height: 40px;
    width: 140px;
}

#queue_number{
    color: #16193b;
    font-size: 48px;
    font-weight: bold;
    margin: auto;

    height: 60px;
    width: 400px;
}

#queue_number_note{
    color: #35478c;
    font-size: 12px;
    font-weight: bold;
    margin: auto;
    text-align: center;

    height: 18px;
    width: 400px;
}